<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" th:replace="include/common/common :: commonHeader">
    <footer th:include="include/common/common :: cssFooter"></footer>
    <footer th:include="include/common/common :: jsFooter"></footer>
    <footer th:include="include/tag/treeSelectTag :: zTreeCssFooter"></footer>
    <footer th:include="include/tag/treeSelectTag :: zTreeJsFooter"></footer>
    <script type="text/javascript">
        // todo: Demo数据
        var str = {
            //菜单名称
            menuName:"组织",
            //请求地址
            jumpAddress:"/a/company/form"
        };

       $(function () {
           //加载选项卡
           jqTabs();
       });
    </script>

    <style type="text/css">
        #dataMenuRoot li {
            -moz-user-select:none;width: 100px;float: left;position: relative;cursor: pointer;line-height: 22px;
        }
    </style>

</head>
<body>
<!--<div th:replace="common :: footer"></div>-->
<div th:replace="include/tag/treeSelectTag :: zTreeMask"></div>
<div th:replace="include/tag/treeSelectTag :: zTreePanel"></div>
    <!-- 顶部导航条 -->
<div th:replace="include/common/common :: navbar"></div>

    <!-- panel -->
<div class="container-fluid">
        <!-- 左侧 手风琴 菜单列表 -->
        <div class="row">
            <div class="col-sm-3 col-md-2 sidebar">
                <ul id="menuRoot" class="nav nav-pills nav-stacked full-inp">
                    <li >
                        <a href="javascript:void(0)" onclick="js_menuNav(this);">
                            <i class="glyphicon glyphicon-cog"></i>
                            <span>Overview</span>
                            <span class="pull-right">
                            <i class="glyphicon glyphicon-chevron-left"></i>
                        </span>
                        </a>
                        <ul id="panel-element-1" class="collapse">
                            <li ><a href="javascript:void(0)" onclick="js_menuNav(this);">Reports</a>
                                <ul class="collapse" style="">
                                    <li >
                                        <a href="javascript:void(0);" onclick="js_menuJump(this);">功能菜单Demo</a>
                                        <input class="full-msg" type="hidden" value="eyJpZCI6IjEyMyIsIm1lbnVOYW1lIjoi55So5oi3IiwianVtcEFkZHJlc3MiOiIvYS91c2VyL2Zvcm0ifQ=="/>
                                    </li>
                                    <li >
                                        <a href="javascript:void(0);" onclick="js_menuJump(this);">组织结构</a>
                                        <input class="full-msg" type="hidden" value="eyJtZW51TmFtZSI6Iue7hOe7hyIsImp1bXBBZGRyZXNzIjoiL2EvY29tcGFueS9mb3JtIn0="/>
                                    </li>
                                </ul>
                            </li>
                            <li ><a href="javascript:void(0);" onclick="js_menuNav(this);">Analytics</a></li>
                            <li ><a href="javascript:void(0);" onclick="js_menuNav(this);">Export</a></li>
                        </ul>
                    </li>

                    <li >
                        <a href="javascript:void(0)" onclick="js_menuNav(this);">
                            <span>Nav item</span>
                            <span class="pull-right">
                            <i class="glyphicon glyphicon-chevron-left"></i>
                        </span>
                        </a>
                        <ul id="panel-element-2" class="collapse">
                            <li ><a href="javascript:void(0)" onclick="js_menuNav(this);">123444</a></li>
                            <li ><a href="javascript:void(0)" onclick="js_menuNav(this);">One more nav</a></li>
                            <li ><a href="javascript:void(0)" onclick="js_menuNav(this);">Another nav item</a></li>
                            <li ><a href="javascript:void(0)" onclick="js_menuNav(this);">More navigation</a></li>
                        </ul>
                    </li>

                    <li >
                        <a href="javascript:void(0)" onclick="js_menuNav(this);">
                            <span>Nav item again</span>
                            <span class="pull-right">
                            <i class="glyphicon glyphicon-chevron-left"></i>
                        </span>
                        </a>
                        <ul id="panel-element-3" class="collapse">
                            <li><a href="javascript:void(0)" onclick="js_menuNav(this);">One more nav</a></li>
                            <li><a href="javascript:void(0)" onclick="js_menuNav(this);">Another nav item</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 主数据区 -->
        <div id="mainPanel" class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <!-- main data nav -->
            <div id="dataMenuList" style="width: 100%;border-bottom: 1px solid #d0d0d0">
                <ul id="dataMenuRoot" class="nav nav-tabs nav-justified" >
                    <li id="el_homePage_end" class="active" >
                        <a>
                            <i class="glyphicon glyphicon-home"></i>
                            <span>Home</span>
                        </a>
                    </li>

                </ul>
            </div>

            <div id="mainData" class="tab-content" style="margin-top: 10px">
                <dive id='cont_homePage_end' class="cont-index tab-pane active">
                    <h2 class="sub-header">Section title</h2>
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Header</th>
                                <th>Header</th>
                                <th>Header</th>
                                <th>Header</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1,001</td>
                                <td>Lorem</td>
                                <td>ipsum</td>
                                <td>dolor</td>
                                <td>sit</td>
                            </tr>
                            <tr>
                                <td>1,002</td>
                                <td>amet</td>
                                <td>consectetur</td>
                                <td>adipiscing</td>
                                <td>elit</td>
                            </tr>
                            <tr>
                                <td>1,003</td>
                                <td>Integer</td>
                                <td>nec</td>
                                <td>odio</td>
                                <td>Praesent</td>
                            </tr>
                            <tr>
                                <td>1,003</td>
                                <td>libero</td>
                                <td>Sed</td>
                                <td>cursus</td>
                                <td>ante</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </dive>
            </div>

        </div>



</div>

<div class="jumbotron text-center" style="position:fixed;left:200px;right:0;bottom:0;height:44px;line-height:44px;padding:0 15px;">
    <!-- 底部固定区域 -->
    © BlueDream.org - 版权声明区域
</div>

</body>
</html>
